/* ==========================================================================
   Index Page
   ========================================================================== */

/*产品*/


.module_cate{width:95%;background-color:#f5f5f5;}
.module_cate .cate_tit{text-align:center;background:#d11734;color:#fff;padding:40px 10px;font-size:1.8rem}
.module_cate .cate_tit p{font-size:3.5rem;line-height:1;}
.module_cate ul{margin: 1em 4%;position: relative;}
.module_cate ul li{padding: 0 10px;line-height: 3.5rem;margin-bottom: 10px;background-color: #fff;}
.module_cate ul li a{display: block;position: relative}
.module_cate ul li i{position: absolute;right: 0;width: 16px;height: 16px;top: 50%;margin-top: -8px;background: #000000;border-radius: 50%}
.module_cate ul li i:before{display: block;content: '';position: absolute;width: 9px;height: 1px;left: 50%;top: 50%;margin-left: -4px;background: #fff;transition:all .3s}
.module_cate ul li i:after{display: block;content: '';position: absolute;width: 1px;height: 9px;top: 50%;left: 50%;margin-top: -4px;background: #fff;transition:all .3s}
.module_cate ul li:hover i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:50%;}
.module_cate img{width: 100%}
/*.module_cate .subCate {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: auto;
	width: 300px;
	background: #fff;
	border: 1px solid #e7e5e6;
	padding: 10px 20px;
	z-index: 10;
	display: none;
}*/
.module_cate .subCate {
	background: #fff;
	padding: 0 20px;
	line-height: 2.2
}
.module_cate .subCate dl {
	border-bottom: 1px solid #fff;
	padding-left: 25px;
	background: url('../img/i1.jpg') center left no-repeat;
}
.module_cate .subCate a{font-size: 14px}
.module_cate .subCate a:hover{transform:translate(10px);}
.module_cate li.open .subCate{display: block;}

.module_prod{height:auto;overflow:hidden}
.module_prod .swiper-container{padding:2rem 0}
.module_prod .media-box{background-color:#fff}
.module_prod .media-box p{padding:5px;font-size: 1.6rem}


/*ban1*/
.sect_ban{height: 300px;background:url(../img/bg1.jpg) top center no-repeat;}

/*优势*/
.sect_advtage{}
.adv-box{padding-bottom: 2rem}
.adv-box .tit{font-size: 2.4rem;line-height: 1;position: relative;border-bottom: 1px solid #cccccc;}
.adv-box .tit .p1{position: relative;margin-bottom: 1em}
.adv-box .tit .p1 span{background: #333333;color: #fff;padding:10px 70px 10px 130px;display: inline-block;}
.adv-box .tit .p1 i{position: absolute;background: url(../img/adv_tit.png) top right #da251c;color: #fff;font-size: 4.4rem;font-style: normal;padding:8px;top: -10px}
.adv-box .tit .p2{padding:5px 0 10px 0;}
.adv-box .tit .p2 span{color: #da251c}
.adv-box .txt{color: #666666;font-size: 1.6rem;padding:5px 0;}

/*关于*/
.sect_us{ background:#f5f7f6; padding-left:8%;}
.sect_us .row{ display:flex;}
.about_box{ height:100%;}
.about_box img{width: 100%;height: 100%}
.us_box h1{margin:0;font-size: 3.6rem;color:#da251c;font-weight: normal;}
.us_box .txt{padding:2em 0;overflow: hidden;line-height: 2; color:#333;}
.us_box .box-title{ background:none; padding-top:10%;}
.us_box .brow{ margin-top:3rem; display:block;}
.us_box .brow a{ display:block; text-align:center; color:#333; font-size:1.4rem; line-height:3rem; background:#efefef; padding:2rem 0; border-radius: 10px;box-shadow: #ccc 0 0 26px;margin:0 6% 3rem;}
.us_box .brow a i{ display:block; text-align:center; font-size:4rem; color:#666;}
.us_box .brow a:hover,.us_box .brow a:hover i{ color:#fd8800;}

/*imgslide*/
.sect_imgslide .swiper-button-next,.sect_imgslide .swiper-button-prev{width:44px;height:44px;background-size:35%;background-color: #999999;border-radius: 50%}
.sect_imgslide .swiper-button-prev{background-image:url(../img/base/arrow_left.png);left:-110px}
.sect_imgslide .swiper-button-next{background-image:url(../img/base/arrow_right.png);right:-110px}

/*新闻*/
.sect_news{ background:#f5f7f6; padding:4rem 0;}
.sect_news .row{ display:flex;}
.sect_news .full-row,.sect_news .full-row .span-4{ height:100%;}

.module_tab{background:#f2f2f2}
.module_tabs{border-bottom:1px solid #d41936;background-color: #fff;line-height: 43px}
.module_tabs .tab{display:block;width:35%;float:left;font-size:1.8rem;color:#000;text-align:center;cursor: pointer;}
.module_tabs .tab.active,.module_tabs .tab.cur{background-color:#d41936;color:#fff}
.module_tabs a{float:right}

.news-box{color: #3f3f3f;overflow: hidden; background:#fff; height:100%;}
.news-box .news-time{ position:relative; padding:1rem; text-align:center; background:#0064b9;}
.news-box .news-time .date{font-size: 3.4rem;color: #fff;}
.news-box .news-time .date i{font-size: 1.4rem;display:block;font-style: normal;line-height: 1.2}
.news-box .news-time span{color: #bbb;padding-right: 15px;line-height: 22px;display: inline-block;}
.news-box h3{margin:2.5rem 0 0;font-size:16px; color:#333;}
.news-box h3 a:hover{ color:#fff;text-decoration: underline;}
.news-box p{overflow: hidden;font-size: 14px; color:#999;}
.news-box:hover{ background:#fd8800;}
.news-box:hover h3 a{ color:#fff;}

.nbx{ padding:0 2.5rem;}
.nbx .news-time{ background:none; text-align:left; padding:0;}
.nbx .news-time .date{color: #0064b9;}
.nbx p{ margin-top:2rem;}
.nbx .ndot{ display:block; color:#fff; text-transform:uppercase; font-size:12px; border-bottom:1px solid #0760c4; position:relative; width:30%; margin-top:3rem;}
.nbx .ndot:after{ content:''; width:10px; height:1px; background:#0760c4; display:block; float:right;transform: rotate(33deg) translate3D(10px,15px,0);}
.nbx:hover .news-time .date,.nbx:hover p{ color:#fff;}
.nbx:hover .ndot{ border-bottom-color:#fff; width:60%;}
.nbx:hover .ndot:after{ background:#fff;}


.news-box.one{background: none}
.news-box.one .news-cont{padding: 0}

/*案例*/
.sect_case{}
.sect_case .media-box{ border:none; margin:0; background:#f5f7f6; padding:1rem; width:auto;}
.sect_case .media-box .icon{ border:none; overflow:hidden; vertical-align:bottom; background:none;}
.sect_case .media-box .mbox{color:#333;text-align:center; padding:2rem; display:block; position:relative; z-index:100; background:url(../img/dot_logo4.png) no-repeat right bottom;}
.sect_case .media-box .ntit{ display:block; font-size:2.4rem; font-weight:bold;}
.sect_case .media-box .nmore{ color:#fff; text-transform:uppercase; font-size:12px; border-bottom:1px solid rgba(255, 255, 255, 0.56); position:relative; width:50%;opacity:0; color:#fd941a; font-weight:bold; font-size:2.4rem; margin:0 auto; }
.sect_case .media-box .nmore:after{ content:''; width:10px; height:1px; background:rgba(255, 255, 255, 0.56); display:block; float:right;transform:rotate(33deg) translate3D(22px,34px,0);}
.sect_case .media-box:hover{ background:#fd8800;}
.sect_case .media-box:hover .mbox{ background:url(../img/dot_logo5.png) no-repeat right bottom;color:#fff;}
.sect_case .nhover{ position:absolute; width:100%; height:100%; background:rgba(51, 51, 51, 0.7); z-index:10; top:0; left:0; opacity:0;}
.sect_case .media-box:hover .nhover{opacity:1;transition:all 0.5s;}
.sect_case .media-box:hover .nmore{opacity:1;bottom:-146%;transition:all 0.5s;}